<template>
  <ElCard header="轮播图组件">
    <CESwiper :carousel="list" />
  </ElCard>
</template>

<script setup lang="ts">
import type { CarouselList } from '@/components'
const list: CarouselList = [
  { url: '../../../assets/swiper/1.jpeg', name: '1.png', id: 1 },
  { url: '../../../assets/swiper/2.jpeg', name: '2.png', id: 2 },
  { url: '../../../assets/swiper/3.jpeg', name: '3.png', id: 3 },
  { url: '../../../assets/swiper/4.jpeg', name: '4.png', id: 4 },
  { url: '../../../assets/swiper/5.jpeg', name: '5.png', id: 5 }
]
</script>

<style scoped></style>
